.tagsWrap {
  height: 100%;
  padding: 12px 0 4px;
  ul {
    display: flex;
    flex-wrap: wrap;
    max-height: 100%;
    width: 100%;
    overflow-y: scroll;
    li {
      width: 20%;
      height: 20vw * 1.14;
      display: flex;
      flex-direction: column;
      align-items: center;
      .emojiWrap {
        height: 12vw;
        width: 12vw;
        background-color: var(--tag-bg);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 6vw;
        &.active{
          background-color: var(--tag-active-bg);
        }
        &.addIcon svg {
          height: 1.2em;
          width: 1.2em;
        }
      }
      .emojiName {
        margin-top: 4px;
        font-size: 12px;
      }
    }
  }
}